<template>
  <div class="out-of-sample-detail">
    <div class="sample-dialog-contain">
      <el-dialog
        title="出样详情"
        class="mineSetDialog"
        :visible.sync="sampleDialogVisible"
        width="60%"
        height="8vh"
      >
        <div class="sample-dialog-content whiteContainer paddingSet boederSet lineHeight">
          <div class="sample-dialog-item sample-dialog-header">
            <div class="sample-header-item">sample-dialog-title</div>
            <div class="sample-header-item" >
              <el-button icon="el-icon-plus" type="primary" plain size="mini" style="font-weight: bold;">添加新的城市</el-button>
            </div>
          </div>
          <div class="sample-dialog-item">
            <el-table :data="toPushData" border stripe class="setHeight boederSet">
              <el-table-column prop="date" label="出样城市" width="140"></el-table-column>
              <el-table-column prop="name" label="出样门店数量" width="140"></el-table-column>
              <el-table-column prop="name" label="出样进度计划"></el-table-column>
              <el-table-column label="操作">
                <template slot-scope="scope">
                  <el-button @click="handleToPushClick(scope.row)" type="text" size="medium">
                    编辑
                  </el-button>
                  <el-button type="text" size="small">删除</el-button>
                </template>
              </el-table-column>
            </el-table>
          </div>
        </div>
      </el-dialog>
    </div>
  </div>
</template>

<script>
export default {
  name: "out-of-sample-detail",
  data() {
    return {};
  },
  mounted() {},
  methods: {}
};
</script>

<style scoped>
.el-button-text {
  font-weight: bold;
}
.sample-header-item .el-icon-plus {
  font-weight: bold;
}
</style>
